<!-- ##### Header Area Start ##### -->
  <header class="header-area">

      <!-- ***** Top Header Area ***** -->
      <div class="top-header-area">
          <div class="container">
              <div class="row">
                  <div class="col-12">
                      <div class="top-header-content d-flex align-items-center justify-content-between">
                          <!-- Top Header Content -->
                          <div class="top-header-meta">
                              <a href="#" data-toggle="tooltip" ><i class="fa fa-envelope-o" aria-hidden="true"></i> <span>Email: infodeercreative@gmail.com</span></a>
                              <a href="#" data-toggle="tooltip" ><i class="fa fa-phone" aria-hidden="true"></i> <span>Call Us: +1 234 122 122</span></a>
                          </div>

                          <!-- Top Header Content -->
                          <div class="top-header-meta d-flex">
                              <!-- Login -->
                              {% if g.user %}
                                  <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                      <i class="fa fa-user" ></i>
                                      <span class="mr-2 d-none d-lg-inline text-gray-600">{{g.user.name}}</span>
                                  </a>
                                  <!-- Dropdown - User Information -->
                                  <div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">
                                    <a class="dropdown-item" href="{{url_for('edit_profile', id=g.user.id)}}" style="color: #212529;display: block;">
                                      <i class="fa fa-user" aria-hidden="true"></i>
                                        Profile
                                    </a>
                                    <a class="dropdown-item" href="{{url_for('change_password', id=g.user.id)}}" style="color: #212529;display: block;" >
                                      <i class="fa fa-lock" aria-hidden="true"></i>
                                      Change Password
                                    </a>
<!--                                    <a class="dropdown-item" href="#" style="color: #212529;">-->
<!--                                      <i class="fa fa-cogs fa-sm fa-fw mr-2 text-gray-400"  aria-hidden="true"></i>-->
<!--                                      Password-->
<!--                                    </a>-->
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" href="{{ url_for('logout') }}" style="color: #212529;display: block;">
                                      <i class="fa fa-sign-out"></i>
                                      Logout
                                    </a>
                                  </div>
                              {% else %}
                                <div class="login">
                                  <a href="{{ url_for('register') }}"><i class="fa fa-user" aria-hidden="true"></i> <span>Register</span></a>
                                </div>
                                <div class="login">
                                  <a href="{{ url_for('login') }}"><i class="fa fa-user" aria-hidden="true"></i> <span>Login</span></a>
                                </div>
                              {% endif %}
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>

      <!-- ***** Navbar Area ***** -->
      <div class="alazea-main-menu">
          <div class="classy-nav-container breakpoint-off">
              <div class="container">
                  <!-- Menu -->
                  <nav class="classy-navbar justify-content-between" id="alazeaNav">

                      <!-- Nav Brand -->
                      <a href="{{url_for('index')}}" class="nav-brand"><img src="{{url_for('static', filename='img/core-img/logo.png')}}" alt=""></a>

                      <!-- Navbar Toggler -->
                      <div class="classy-navbar-toggler">
                          <span class="navbarToggler"><span></span><span></span><span></span></span>
                      </div>

                      <!-- Menu -->
                      <div class="classy-menu">

                          <!-- Close Button -->
                          <div class="classycloseIcon">
                              <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                          </div>

                          <!-- Navbar Start -->
                          <div class="classynav">
                              <ul>
                                  <li><a href="{{url_for('index')}}">Home</a></li>
                                  <li><a href="#">Pages</a>
                                      <ul class="dropdown">
                                          <li><a href="{{url_for('index')}}">Home</a></li>
                                          <li><a href="{{url_for('choose_plants')}}">Process Image</a></li>
                                          <li><a href="{{url_for('choose_plants_multiple')}}">Process Multiple Images</a></li>
                                      </ul>
                                  </li>
                              </ul>

                          </div>
                          <!-- Navbar End -->
                      </div>
                  </nav>


              </div>
          </div>
      </div>
  </header>
<!-- ##### Header Area End ##### -->